<template>
  <div style="width: 100%; height: 80%; top:20%">
    <h3 style="text-align: center;">实时报警</h3>
    <el-table :data="tableData" height="200" style="width: 100%">
    <el-table-column prop="date" label="timestamp" width="180" />
    <el-table-column prop="alarmId" label="报警ID" width="80" />
    <el-table-column prop="alarmDesc" label="报警描述"/>
  </el-table>
  </div>
</template>
  
  <script>
import * as echarts from "echarts";

export default {
  data() {
    return {
      tableData: [
        {
          date: "2023-10-27 08:00:01",
          alarmId: "A1001",
          alarmDesc: "温度上限报警",
        },
        {
          date: "2023-10-27 08:00:01",
          alarmId: "A1001",
          alarmDesc: "温度上限报警",
        },
        {
          date: "2023-10-27 08:00:01",
          alarmId: "A1001",
          alarmDesc: "温度上限报警",
        },
        {
          date: "2023-10-27 08:00:01",
          alarmId: "A1001",
          alarmDesc: "温度上限报警",
        },
      ],
    };
  },
  mounted() {},
  methods: {},
};
</script>
  